/*Colores
#94b089
#72a3e4
#1c375d azul del logo
*/
*{margin:0; padding:0;}
body {
	text-align:center; margin:0px;
	background:url(../images/body.png) repeat-x;
	background-color:#182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Helvetica, sans-sered; font-size:14px;
}

/* MAQUETACIÓN */

#popupbox{
    display: none;
    padding: 5px;
    padding-top: 0px;
    background-color: #182941;
    border: 5px solid #182941;
    border-radius: 5px 5px 5px 5px;
    margin: 20px auto 0 308px;
    position: absolute;
    width: 330px;
    box-shadow:1px 1px 5px black;
    z-index: 2;
}

#popupbox label{
    display: block;
    float: left;
    margin-right: 9px;
    margin-top: 7px;
    text-align: right;
    width: 102px;
}

#contenedor
{
	width:900px;
	height:auto;
	margin:auto;
	padding:0px;
	position:relative;
}
#curvaarriba
{
	
	height:20px;
	background:url(../images/curvaarriba.png) no-repeat;
}

#index
{
	height:120px;
	background:url(../images/burbujas.png) no-repeat 90%;
}
/*barra azul donde se encuentra cerrar sesiòn*/
#cabecera
{
	background-color: #transparent;
        height:180px;
}
#Menu
{
	background-color: #ffffff;
        height:68px;
	color:#ffffff;
}
#cumpleanos{
        width:270px;
        height:200px;
        background:#fff;
        margin-left:10px;
        float:left;
        border: 5px solid #cdcdcd;
        box-shadow: 3px 3px 2px #ccc;
        -webkit-box-shadow: 3px 3px 2px #ccc;
        -moz-box-shadow: 3px 3px 2px #ccc;
}

#efemerides{
        width:270px;
        height:200px;
        background:#fff;
        margin-left:10px;
        float:left;
        border: 5px solid #cdcdcd;
        box-shadow: 3px 3px 2px #ccc;
        -webkit-box-shadow: 3px 3px 2px #ccc;
        -moz-box-shadow: 3px 3px 2px #ccc;
}
#barra-derecha1
{
	background-color: #fff;
        float: right;
        width:300px;
        height:330px;
	color:#ffffff;
	overflow:auto;
}
#barra-derecha2
{
	background-color: #fff;
	float:right;
        width:300px;
        height:630px;
	color:#ffffff;
}
#contenido
{
	background-color: #fff;
        float:left;
        width:597px;
        height:960px;
	color: #666666;
}
#der
{
        float:right;
        width:300px;
        height:20px;
	background:url(../images/abajoder.png) no-repeat;
}
#izq
{
        float:left;
        width:597px;
        height:20px;
	background:url(../images/abajoizq.png) no-repeat;
}
#pie-pagina
{
	background-color: transparent;
        clear: both;
	padding:10px;
}


#contenidoportal
{
        background-color: #fff;
        width:900px;
        height:auto;
	color: #666666;
}
/* --- --- --- --- --- --- --- --- */

/*Objetos de la página*/
img{
	border:0px;
/*	padding: 10px;*/
}

/* CONTENEDOR INDEX */

a{ /* formato link de arriba*/
	color:#4a53a2;
	text-decoration:none;
	font-size: 10px;
}
a:hover{ /* modifica cuando te posicionas */
        color: #72a3e4;
	text-decoration:none;
	font-size: 10px;
}

#perfiles {text-align:left; width:150px; height:100px; padding: 5px 0 5px 25px; margin:left; display:inline;}

#menu1{ /* cuadro del link de arriba */
	background:url(../images/menu.png) no-repeat;
        width:100px;
        height:15px;
	float:right;
	font-size: 9px;
	font-family: Comic Sans MS, Trebuchet MS, Tahoma, Arial;
}
#bwlogo{ /* logo del hotel */
	background:url(../images/logo.png) no-repeat;
        width:160px;
        height:113px;
	margin-left:30px;
	float:left;
}
/* --- --- --- --- --- --- --- --- */

/* FORMATO DEL TEXTO DE LA PAGINA */

label{ /*Texto de pie de pagina*/
	color:#888888;
	font-size:12px;
}
p{text-align: left;}
.MensajeLogueo{
        color:#c0c0c0;
        font-size: 14px;
        float:none;
	display:block;
        text-align: center;
        margin:0;
        height: 35px;
}
h1{ /*Titulo de la pagina con la linea punteada*/
	color: #666666;
	font-size:16px;
	background:url(../images/dotline.gif) 0 100% repeat-x;
	margin:10px;
	font-family: Arial, Comic Sans MS, Trebuchet MS, Tahoma;
}
h2{ /*Titulo de la pagina sin linea punteada*/
        background:#dfe9d5;
	color: #666666;
	font-size:16px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
h3{ /*Titulo de la lightbox*/
	color: #FFFFFF;
	font-size:22px;
	margin:10px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}

h4{ /*Titulo de la pagina con la linea punteada*/
	color: #fff;
	font-size:12px;
	background:url(../images/dotline.gif) 0 100% repeat-x;
	margin:10px;
	font-family: Arial, Comic Sans MS, Trebuchet MS, Tahoma;
}

#textlihtbox{ /*Texto de la lightbox*/
	color: #ffffff;
	font-size:14px;
	overflow:auto;
	text-align:center;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
#text2{ /*Formato de letra del contenido*/
	width:540px;
	margin:25px;
	color: #4a53a2;
	font-size:14px;
	overflow:auto;
	text-align:justify;
	font-family: Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
#textnoticia{ /*Formato de letra del contenido*/
	width:380px;
	color: #4a53a2;
	font-size:14px;
	overflow:auto;
	text-align:justify;
	font-family: Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
/* --- --- --- --- --- --- --- --- */

table td {
	padding-bottom: 4px;
}

table th {
	padding-top: 4px;
}

table td, table th {
	vertical-align: top;
}

/* MENU INDEX */
ul.dropdown {
	background-color: transparent;
	margin: 0px;
        margin-left: 0px;
        left:18%;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	z-index: 597;
}
ul.dropdown a:link {
	font-size:12px;
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown a:visited { /* Letras del menu */
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown a:hover	{ /* Letras del menu cuando te posicionas */
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown ul { /* Menu que se desplaza hacia abajo */
	background-color: #eeeeef;
	margin: auto;
	padding: 0px;
	width: 150px;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	visibility: hidden;
	z-index: 598;
	left: 0px;
}
ul.dropdown li { /* Barra de separacion */


 /*Linea izquierda*/
        border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cdcdcd;

	line-height: 1.3em;
	vertical-align: middle;
        float:left;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cdcdcd;
	list-style-image: none;
	list-style-type: none;
        margin: 0px;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 30px;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
ul.dropdown ul li {
	float: none;
        border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.dropdown ul ul {
	left: 99%;
	top: 1px;
}
ul.dropdown li:hover { /*Cuadro cuando posicionas a los links*/
	background-color: #cdcdcd;
	position: relative;
	z-index: 599;
}

/* MENU INTRANET */
ul.dropdown2 {
	background-color: transparent;
	margin: 0px;
        margin-left: 30px;
	padding: 0px;
	float: left;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	z-index: 597;
}
ul.dropdown2 a:link {
	font-size:10px;
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown2 a:visited { /* Letras del menu */
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown a:hover	{ /* Letras del menu cuando te posicionas */
	text-decoration: none;
	color: #182941;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
ul.dropdown2 ul { /* Menu que se desplaza hacia abajo */
	background-color: #eeeeef;
	margin: 0px;
	padding: 0px;
	width: 150px;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	visibility: hidden;
	z-index: 598;
	left: 0px;
}
ul.dropdown2 li { /* Barra de separacion */
	line-height: 1.0em;
	vertical-align: middle;
	float: left;

        /*Linea derecha*/
	border-right-width: 1px;
	border-right-style:dotted;
	border-right-color: #cdcdcd;

        /*Linea izquierda*/
        border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cdcdcd;

	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 30px;
}
ul.dropdown2 li:hover > ul {
	visibility: visible;
}
ul.dropdown2 ul li {
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.dropdown2 ul ul {
	left: 99%;
	top: 1px;
}
ul.dropdown2 li:hover { /*Cuadro cuando posicionas a los links*/
	background-color: #cdcdcd;
	position: relative;
	z-index: 599;
}

/*DIRECTORIO (iframes) */
#menudirectorio {
	float:left;
	position:relative;
	width: 160px;
	height: 500px;
}
#directorio {
	float:left;
	position:relative;
	width: 330px;
	height: 500px;
}
/* --- --- --- --- --- --- --- --- */

/* SITIO DE INTERESES */
#info a{
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-size: 12px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
#info a:hover{
	color:#888888;
	text-decoration:none;
	font-size: 12px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}

/*CERRAR SESION*/
#cerrarsesion a{
	text-align:center;
	color:red;
	text-decoration:none;
	font-size: 18px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}
#cerrarsesion a:hover{
	color:#888888;
	text-decoration:none;
	font-size: 18px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
}

/* --- --- --- --- --- --- --- --- */

/* Clima y Temperatura */
#centrarHV{
	margin-left:20%;
}
/* --- --- --- --- --- --- --- --- */

/* ESTILO PARA LAS NOTICIAS */
#featured{ /* Modifica el cuadro principal */
    width:230px;
    padding-right:270px;
    position:relative;
    height:230px;
    background:#fff;
    border:5px solid #cdcdcd;
    margin-left:40px;
    box-shadow: 3px 3px 2px #ccc;
	-webkit-box-shadow: 3px 3px 2px #ccc;
	-moz-box-shadow: 3px 3px 2px #ccc;
}
#featured ul.ui-tabs-nav{  /* pestaña de la lista */
    position:absolute;
    top:0;
	left:390px;
    list-style:none;
    padding:0;
	margin:0;
    width:110px;
}
#featured ul.ui-tabs-nav li{  /* pestaña de la lista */
    padding:1px 0;
	padding-left:13px;
    font-size:12px;
    color:#666;
}
#featured ul.ui-tabs-nav li span{  /* pestaña de la lista */
    font-size:11px;
	font-family: Century Gothic, Trebuchet MS, Arial, Tahoma, Comic Sans MS;
    line-height:18px;
}
#featured .ui-tabs-panel{  /* modifica el cuadro de la info */
    width:380px;
	height:220px;
	padding:5px;
    background:#fff;
	position:relative;
}
#featured .ui-tabs-hide{  /* modifica el cuadro de la info */
    display:none;
}
#featured li.ui-tabs-nav-item a{ /*On Hover Style*/
    display:block;
    height:44px;
    color:#1c375d;
	background:#fff;
    line-height:20px;
    outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
    background:#cdcdcd;
	color:#1c375d;
}
#featured li.ui-tabs-selected{ /* lista seleccionada */
    background:url('../images/imagenesNoticias/flecha_n.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
    background:#1c375d;
	color:#ffffff;
}
/* --- --- --- --- --- --- --- --- */

/* ESTILO PARA LAS PESTAÑAS */
#contenido_pestanas {  /* controla el contenedor principal */
	margin-left: 40px;
}
#contenido_pestanas ul { /* controla la separacion de los contenedores */
	margin-left: -25px;
        display: block;
	height: 28px;
}
#contenido_pestanas a { /* controla el cuadro de pestañas */
	float:left;
	padding: 5px 8px;
	border: 1px solid #cdcdcd;
	font-size:12px;
}
#contenido_pestanas a:hover { 	/* controla cuando te posicionas en la pestaña */
	background-color: #cdcdcd;
	color: #1c375d;
}
#contenido_pestanas a.aqui { 	/* controla cuando le das clic a la pestaña */
	background-color: #1c375d;
	color: #FFF;
}
#contenido_pestanas div {
	border: 5px solid #cdcdcd;
	width: 500px;
	background: #fff;
	box-shadow: 3px 3px 2px #ccc;
	-webkit-box-shadow: 3px 3px 2px #ccc;
	-moz-box-shadow: 3px 3px 2px #ccc;
}
/* --- --- --- --- --- --- --- --- */

/*Caja de texto*/
input.search{
        background: url("../images/inputtext.png") no-repeat scroll 0 0 transparent;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width:180px;
	color:#fff;
	border:0;
	padding:7px 10px;
	margin:5px;
	color:#182941;
}

/*Caja de texto*/
input.texto{
        background: url("../images/inputtext2.png") no-repeat scroll 0 0 transparent;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:25px;
	width:278px;
	height:80px;
	color:#182941;
	border:0;
	padding:0px 10px;
	margin:5px;
	color:#777;
}

input.texto:hover{
        background: url("../images/hover.png") no-repeat scroll 0 0 transparent;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-shadow: 0px 2px 1px #000000, 0px 1px 1px #000000, 0px 2px 1px #FFFFFF, 0px 2px 1px #000000, 0px 2px 1px #000000, 0px 2px 1px #000000;
	font-size:25px;
	width:278px;
	height:80px;
	border:0;
	padding:0px 10px;
	margin:5px;
	color:#888;
}

input.boton{
	background: url("../images/boton.png") no-repeat scroll 0 0 transparent;
	font-size:20px;
	cursor:pointer;
	color:#333;
	width:150px;
	height:80px;
	border:0;
}
input.boton:hover{
	background: url("../images/boton.png") no-repeat scroll 0 0 transparent;
	font-size:20px;
	cursor:pointer;
	color:#d4621e;
	width:150px;
	height:80px;
	border:0;
}


/* |||||||||||||||||||||||||||||| CALENDARIO EFEMERIDES ||||||||||||||||||||||||||||||*/

#calendario{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	width:200px;
	color: #666666;
}

/*#mesCalendario para configurar aspectos de la caja que muestra el mes y el a�o*/
#mesCalendario{
	background-image: url("../images/imagenesCalendario/background.png");
	background-repeat: no-repeat;
	color: #CCCCCC;
}
#calendario th{
	padding: 3px;
	font-size: 150%;
}
/*#calendario td para configurar aspectos de la caja que muestra los dias y nombres de la semana*/
#calendario td{
	border: 1px dotted #999999;
	padding: 3px;
	font-size: 150%;
}

/*.dias para configurar aspectos de la caja que muestra los d�as de la semana
.diaS{
	color: #ffffff;
	background-color: #666666;
}*/
/*.celda para configurar aspectos de la caja que muestra los d�as del mes
.celda {
	background-color: #eeeeee;
	color: #666666;
	font-weight : normal;
	cursor: default;
}*/

/*.Hoy para configurar aspectos de la caja que muestra el d�a actual*/
.Hoy{
	color: red;
	font-weight: normal;
	cursor: default;
}
/*miCalendario mueve todo el calendario*/
#miCalendario{
	text-align: center;
	width: 200px;
	margin: 0 auto;
}
/*.selectores para configurar aspectos de los campos para el mes y el a�o*/
.selectores, .cuadroTexto{
	font-family: verdana;
	font-size: 12px;
	color: #666666;
	margin: .2em .5em;
	border: 1px solid #e1e1e1;
	margin:auto;
	text-align:center;
}
.cuadroTexto{ /*Cuadro donde se muestran las efem�rides*/
	padding: .25em;
	width: 180px;
}
#miCalendario h2, #miCalendario p{ /*Aspecto de los t�tulos y p�rrafos de efem�rides*/
	margin: .3em 0;
	color: #4a53a2;
	font-size: 90%;
	text-align: left;
}
#miCalendario p{/*Aspecto de los p�rrafos de efem�rides*/
	margin-left: 2.5em;
}
.hayEvento{ /*Casilla en el calendario que contiene evento o efem�rides*/
	color: #4a53a2;
	background-color: #d8af6b;
}
.cambiaMes{
/*Controles para pasar los meses (adelante y atr�s) */
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	color: black;
}

/* |||||||||||||||||||||||||||||| LIGHTBOX ESTILOS ||||||||||||||||||||||||||||||*/

a.close {
	background:url(../images/imagenlightbox/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-16px;
	cursor:pointer;
}

#mask {
position:absolute;
left:0px;
top:0px;
background-color:#cdcdcd;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  display:none;
}

#boxes #poquito {
height:500px; width:800px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:none;
position:fixed;
}

#boxes #terraza {
height:500px; width:800px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:none;
position:fixed;
}

#boxes #lafittes {
height:500px; width:800px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:none;
position:fixed;
}

#boxes #banquet {
height:500px; width:800px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:none;
position:fixed;
}

#boxes #chicanna {
height:500px; width:800px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:none;
position:fixed;
}

#boxes #intranet {
height:240px; width:600px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:default;
position:fixed;
}

#boxes #perfiles {
height:650px; width:700px; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:default;
position:fixed; overflow:auto;
}

#boxes #datosusuario {
height:auto; width:auto; color:#bbb; background-color:#182a42; border:2px solid #fff; padding:12px; cursor:default;
position:fixed; overflow:auto;
}

/* |||||||||||||||||||||||||||||| Bienvenida Mensaje ||||||||||||||||||||||||||||||*/

div.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 					1;
	width: 					auto;
        height: 650px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				18px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

/*Imagenes de los tipos de servicios del hotel*/

#servicios {
	margin:0 auto;
	position: relative;
}

#servicios li {
	display:inline;
	float:left;
	width:220px;
	background-color:#fff;
	padding:15px;
	margin:20px;
	text-align: center;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}

#imag {
	border:2px solid #EEE;
}

/*CSS Para los cumpleaños y las efemerides */
#NewsTicker{
	border:solid 1px #cccccc;
	background:#eaf5e0;
	width:270px;
	height:auto;
	margin:0 auto;
}
#NewsTicker h1{
	padding:6px; margin:0; border:0;
	background:#dfe9d5;
	color:#000000;
	font-size:20px;
	font-weight:bold;
}
#NewsVertical {
	width: 270px;
	height: auto;
	display: block;
	overflow: hidden;
	position: relative;
}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
	width: 270px;
	height: auto;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#TickerVertical li {
	display: block;
	width: 240px;
	color: #333333;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
}
#TickerVertical li .NewsTitle{
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}

#TickerVertical li .NewsImg{
	float:left;
	margin-right:10px;
}
#TickerVertical li .NewsFooter{
	display: block;
	color: #000000;
	font-size: 10px;
	margin:6px 0 14px 0;
}

/* FORMULARIOS */

    @font-face {
        font-family: 'Cantarell';
        src: url(../fonts/Cantarell-Regular.eot);
        src: local('Cantarell'), url('../fonts/Cantarell-Regular.ttf') format('truetype');
    }

    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; }
    input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

    .clear { clear: both; }

    #container {
        width: 900px;
        height: auto;
        background-color: #fff;
        overflow: hidden;
    }
    #container #first_step, #second_step, #third_step, #fourth_step, #five_step{ display: none; }
    #container #first_step, #capa_musuario{ display: block; }

    #container .form { margin: 5px 72px 5px 72px; }

    #container table {
        margin: 20px 40px;
        font-size: 14px;
        font-weight: bold;
    }
    #container table td {
        padding: 5px 10px;
    }
    #container table td:nth-child(2) {
        color: #a90329;
    }

    .inputs {
        background: url('../images/Formulario/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 300px;
        height: 35px;
        margin: 5px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    input.submit {
        background: url('../images/Formulario/siguiente.png') no-repeat;
        border: none;
        cursor: pointer;
        width: 85px;
        height: 38px;
        bottom: 2px;
        margin-left: 220px;
    }
    input.submit:focus { border: none; }


   input.modifperfil {
        background: url('../images/Formulario/modificar.png') no-repeat;
        border: none;
        cursor: pointer;
        width: 85px;
        height: 38px;
        bottom: 2px;
        float:right;
    }
    input.submit:focus { border: none; }
    input.send{ background: url('../images/Formulario/enviar.png') no-repeat; }
    input.cancelar{ background: url('../images/Formulario/cancelar.png') no-repeat; }
    input.nuevo{ background: url('../images/Formulario/nuevo.png') no-repeat; }
    input.buscar{ background: url('../images/Formulario/buscar.png') no-repeat; }
    input.guardar{ background: url('../images/Formulario/guardar.png') no-repeat; }
    input.detalles{ background: url('../images/Formulario/detalles.png') no-repeat; }
    input.modificar{ background: url('../images/Formulario/modificar.png') no-repeat; }
    input.eliminar{ background: url('../images/Formulario/eliminar.png') no-repeat; }

    #container input.error { border: 1px solid red; }
    #container input.valid { border: 1px solid #1FFF00; }

    #container input:focus, #container select:focus {
        border: 1px solid #a90329;
        color: #a90329;
    }

    #container select { padding: 5px 0 5px 25px; }
    #container option { padding: 0 15px; }

    #progress_bar {
        background: url('../images/Formulario/progress_bar.png') no-repeat;
        width: 339px;
        height: 24px;
        margin: auto auto;
        position: relative;
    }

    #progress {
        background: url('../images/Formulario/progress.png') repeat-x;
        width: 0px;
        height: 23px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }
    #progress_text {
        position: relative;
        line-height: 21px;
        text-align: center;
        font-weight: bold;
        color: #72a3e4;
        text-shadow: 1px 1px 2px #222;
        width: 339px;
        height: 24px;
        top: -23px;
        left: 0;
    }

    /* TOOLTIP */

    .tipsy {
	padding: 10px;
	font-size: 14px;
	font-family:Helvetica, Arial;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(../images/tipsy.png);
}
    .tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
    .tipsy-inner {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
    .tipsy-north {
	background-position: top center;
}
    .tipsy-south {
	background-position: bottom center;
}
    .tipsy-east {
	background-position: right center;
}
    .tipsy-west {
	background-position: left center;
}

/* Calendario en input type=text */

.tcalInput {
	background: url('../images/Calendario/cal.gif') 100% 50% no-repeat;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../images/Calendario/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 300px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../images/Calendario/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../images/Calendario/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../images/Calendario/next_mon.gif'); }
#tcalNextYear { background-image: url('../images/Calendario/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }

/* Alertas css */

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/Alert/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/Alert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/Alert/info.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

/*Galería de imágenes para fanelógrafo*/

/*img {
	border:1px solid #EEE;
}*/
#contenedorgalefane{
        background-color: #fff;
        width:900px;
        overflow:auto;
}
.contenedorfoto {
	float:left;
	width:130px;
	height:80px;
	margin:1px;
	padding:20px;
	background-color:#f5f7f9;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
	text-align:center;
        font-size:8px;
}

